/*
 * Questa funzione crea uno smokey popup contenente il codice html dato
 * e restituisce il nuovo codice html
 * in pratica è un wrapper
 */
function createSmokeyPopup(html){
    document.getElementById("popupContainer").innerHTML=''+
    '<div class="smokey"></div>'+
    '<div class="popup">'+
    '<a class="ctrlPopup" href="javascript:void(0)" onclick="closePopup()">chiudi</a>'+
    html+
    '</div>';
}

function closePopup(){
    document.getElementById("popupContainer").innerHTML='';
}


function showSmokeyRegistrationPopup(){
    var html = ''+
    '    <h2>Registrazione</h2>'+
    '    <p>Sei gi&agrave; registrato su...?</p>'+
    '    <span class="siteIcon">'+
    '        <img src="img/google.png" alt="google"/>'+
    '        <p>Google</p>'+
    '    </span>'+
    '    <span class="siteIcon">'+
    '        <img src="img/yahoo.png" alt="yahoo"/>'+
    '        <p>Yahoo!</p>'+
    '    </span>'+
    '    <span class="siteIcon">'+
    '        <img src="img/facebook.png" alt="facebook"/>'+
    '        <p>Facebook</p>'+
    '    </span>'+
    '    <span class="siteIcon">'+
    '        <img src="img/wordpress.png" alt="wordpress"/>'+
    '        <p>Wordpress</p>'+
    '    </span>'+
    '    <p>Oppure <a href="Controller?action=mostraRegistrazioneUtenteSito">registrati</a> sul nostro sito!</p>';
    createSmokeyPopup(html);  
}

function createBaloonPopup(html){
    document.getElementById("popupContainer").innerHTML=''+
    '<div id="baloonPopup">'+
    '   <div class="popupHeader">'+
        //mettere il triangolo che fa da fumetto
    '   </div>'+
    '   <div class="popupBody">'+
    '       <a class="ctrlPopup" href="javascript:void(0)" onclick="closePopup()">chiudi</a>'+
            html+
    '   </div>'+
    '</div>';
}

function showSmokeyLoginPopup(e){
    var html = ''+
    '    <h2>Login</h2>'+
    '    <p>Ti sei registrato con...?</p>'+
    '    <span class="siteIcon">'+
    '        <img src="img/google.png" alt="google"/>'+
    '        <p>Google</p>'+
    '    </span>'+
    '    <span class="siteIcon">'+
    '        <img src="img/yahoo.png" alt="yahoo"/>'+
    '        <p>Yahoo!</p>'+
    '    </span>'+
    '    <span class="siteIcon">'+
    '        <img src="img/facebook.png" alt="facebook"/>'+
    '        <p>Facebook</p>'+
    '    </span>'+
    '    <span class="siteIcon">'+
    '        <img src="img/wordpress.png" alt="wordpress"/>'+
    '        <p>Wordpress</p>'+
    '    </span>'+
    '    <p>O direttamente sul nostro sito?</p>'+
    ' <form action="Controller" method="POST" class="myForm">'+
    '<p><label>e-mail</label> <input type="text" name="mail"/></p>'+
    '<p><label>password</label> <input type="password" name="password"/></p>'+
    '<p><input type="submit" value="login"/></p>'+
    ' </form>'+
    '    <p>Non ti sei ancora registrato? <a href="javascript:void(0)" onclick="showSmokeyRegistrationPopup();">Registrati ora!</a></p>';
    createSmokeyPopup(html);
}

function clear(where){
    document.getElementById(where).innerHTML='';
}

function showHint(hint, par){
    hideAllHints();
    document.getElementById(hint).className = "selected";
}

function hideAllHints(){
    //Create Array of All p
    allP = document.getElementsByTagName("tr");

    //Loop through all tags using a for loop
    for (i=0; i<allP.length; i++) {
        //Get all tags with the specified class name.
        if (allP[i].className=="selected") {

            allP[i].className = "unselected";
        }
    }
}
